<template>
  <div class="nnn-contain">
    <div class="cash">
      <!-- 表单 -->
      <el-form :inline="true" :model="formInline" class="demo-form-inline">
        <el-row type="flex" justify="space-around">
          <el-col :span="6">
            <el-form-item label="店铺编号/名称">
              <el-input v-model="formInline.user" placeholder="店铺编号/名称" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="行业">
              <el-select v-model="formInline.region" placeholder="行业">
                <el-option label="食品" value="shipin" />
                <el-option label="日杂" value="riza" />
              </el-select> -
              <el-select v-model="formInline.gegion" placeholder="行业">
                <el-option label="百货" value="baihuo" />
                <el-option label="服饰" value="fuhsi" />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <template>
              <el-button size="medium">查询</el-button>
              <el-button size="medium">重置</el-button>
            </template>
          </el-col>
        </el-row>
      </el-form>
      <!--/ 表单 -->
    </div>
    <el-card class="hr-block">
      <el-table
        :data="list"
        style="width: 100%"
      >
        <el-table-column prop="date" label="店铺编号" />
        <el-table-column prop="name" label="店铺名称" />
        <el-table-column prop="hangye" label="店铺行业" />
        <el-table-column prop="address" label="地址" />
        <el-table-column prop="telephone" label="联系电话" />
        <el-table-column prop="promoterID" label="推广人ID" />
        <el-table-column prop="level" label="权益级别" />
        <el-table-column prop="sales" sortable label="销售额" />
        <el-table-column fixed="right" label="操作" width="200">
          <template slot-scope="scope">
            <el-button
              type="text"
              size="small"
              @click="handleClick(scope.row)"
            >详情</el-button>
            <el-button
              type="text"
              size="small"
              @click="handleClick(scope.row)"
            >查看商品</el-button>
            <el-button
              type="text"
              size="small"
              @click="handleClick(scope.row)"
            >经营分析</el-button>
          </template>
        </el-table-column>
      </el-table>
    </el-card>
  </div>
</template>

<script>
export default {
  name: 'Nnn',
  components: {},
  props: {},
  data() {
    return {
      formInline: {
        user: '',
        region: ''
      },
      value1: '',

      showDialog: true,
      page: {
        page: 1,
        total: 0,
        pageSize: 10
      },
      list: [{
        date: '1654482',
        name: '美宜佳',
        hangye: '行业1',
        address: '上海普陀区金沙路 158 弄',
        telephone: '13589451547',
        promoterID: '9527',
        level: '3',
        sales: 'xxxxx.xx',
        operate: '删除'
      }, {
        date: '1654484',
        name: '美宜佳',
        hangye: '行业1',
        address: '上海普陀区金沙路 157 弄',
        telephone: '13589451547',
        promoterID: '9527',
        level: '3',
        sales: 'xxxxx.xx',
        operate: '删除'
      }, {
        date: '1654481',
        name: '美宜佳',
        hangye: '行业1',
        address: '上海普陀区金沙路 159 弄',
        telephone: '13589451547',
        promoterID: '9527',
        level: '3',
        sales: 'xxxxx.xx',
        operate: '删除'
      }, {
        date: '1654483',
        name: '美宜佳',
        hangye: '行业1',
        address: '上海普陀区金沙路 156 弄',
        telephone: '13589451547',
        promoterID: '9527',
        level: '3',
        sales: 'xxxxx.xx',
        operate: '删除'
      }]
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {}
}
</script>

<style scoped lang="scss">
  .cash {
    margin: 8px;
    border-radius: 4px;
    border: 1px solid black;
    padding: 20px;
  }
</style>
